body {
    color: #000000;
}
.primary-navigation a {
    padding: 0 6px;
    white-space: nowrap;
}
#primary-navigation {
    width: 70%;
}
.site-heading {
    width: 30%;
}
.header-default ul li.menu-item a {
    line-height: 112px;
    font-size: 14px;
}
.form-horizontal .control-label.text-left {
    text-align: left;
}

.active-menu-item > a {
    color: #107FC9 !important;
}

.clickable {
    cursor: pointer;
}

.required:after 
{
    content: " *";
    font-weight: bold;
    color: red; 
    font-size:110%;
}

.validation-summary-errors li {
    color: red; 
}

.theme-showcase {
    min-height: 280px;
}

@media screen and (max-width: 680px) {
    table {
        border: 0;
    }
    table caption {
        font-size: 1.3em;
    }
    table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }
    table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .9em;
        text-align: right;
    }
    table td:before {
        /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }
    table td:last-child {
        border-bottom: 0;
    }
}